<div class="reveal">
  <div class="slides">

    <section data-id="bce0617afc18808b3e045f472fd122cf">

      <div class="sl-block" data-block-type="text" style="width: 800px; left: 80px; top: 210px; height: auto;" data-block-id="0e3fb35cb58f17c45a5882bda83780a4">
        <div class="sl-block-content" data-placeholder-tag="h1" data-placeholder-text="Title Text" style="z-index: 10;">
          <h1><span style="font-size:1.4em"><strong>Presenter</strong></span></h1>
        </div>
      </div>

      <div class="sl-block" data-block-type="text" data-block-id="2471a79e4c9c63c995143f5429b78b86" style="height: auto; min-width: 30px; min-height: 30px; width: 800px; left: 80px; top: 374px;">
        <div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text  ="Text" style="z-index: 12;">
          <p><span style="font-size:1.2em">Bring your presentation to the next level...</span></p>
        </div>
      </div>
    </section>

    <section data-id="cd82de8fedd13160b0402e24abbddedb">

      <div class="sl-block" data-block-type="text" style="width: 800px; left: 80px; top: 33px; height: auto;" data-block-id="d960c5187368253c11ad9448bb33ea3f">
        <div class="sl-block-content" data-placeholder-tag="h2" data-placeholder-text="Title Text" style="z-index: 10;">
          <h2><span style="font-size:1.4em"><strong>Presenter let you</strong></span></h2>
        </div>
      </div>

      <div class="sl-block" data-block-type="text" style="width: 800px; left: 80px; top: 172px; height: auto;" data-block-id="2f7eb8efc178637dccb6415d79760ac3">
        <div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" data-has-line-height="" style="line-height: 2.6; z-index: 11;">
          <ul>
            <li><span style="font-size:1.6em">Use <a href="http://lab.hakim.se/reveal-js/#/"          target="_blank">Reveal.js</a> the way you want</span></li>
            <li><span style="font-size:1.6em">Use ParaViewWeb components</span></li>
          </ul>
        </div>
      </div>

      <div class="sl-block" data-block-type="text" data-block-id="8c394e9fe60fcbce55216df1da66d920" style="height: auto; min-width: 30px; min-height: 30px; width: 740px; left: 160px; top: 398px;">
        <div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13; line-height: 1.95;" data-has-line-height="">
          <ul>
            <li><span style="font-size:1.4em">Embed a ParaView state file viewer</span>   </li>
            <li><span style="font-size:1.4em">Embed an ArcticViewer dataset</span></li>
          </ul>
        </div>
      </div>
    </section>

    <section data-id="7df7f3eb15f1580b1d0bb7b51d75d5b4">

      <div class="sl-block" data-block-type="text" style="width: 800px; left: 80px; top: 33px; height: auto;" data-block-id="a710553d760882a48d13b09d90e2b741">
        <div class="sl-block-content" data-placeholder-tag="h2" data-placeholder-text="Title Text" style="z-index: 11;">
          <h2>Embed ParaView state file</h2>
        </div>
      </div>

      <div class="sl-block" data-block-type="text" style="width: 560px; left: 400px; top: 264px; height: auto;" data-block-id="d3a9938f42d63d6a2433d88725e2fb97">
        <div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" data-has-line-height="" style="line-height: 2.6; z-index: 12;">
          <ul>
            <li>This can help share your results</li>
            <li>Show you resulting visualization</li>
            <li>Rouse the audience</li>
          </ul>
        </div>
      </div>

      <div class="sl-block" data-block-type="image" data-block-id="09852409813fe4a0740094fa0e049e08" style="min-width: 30px; min-height: 30px; width: 360px; height: 360px; left: 60px; top: 232px;">
        <div class="sl-block-content" style="z-index: 13;">
          <div
            class="pvw-viewport"
            data-type="pvw-state"
            data-root="data/volume.pvsm"
            style="width: 100%; height: 100%;"
          ></div>
        </div>
      </div>
    </section>

    <section data-id="917c835a69347be26ad4f8b9b6782b42">

      <div class="sl-block" data-block-type="text" style="width: 960px; left: 0px; top: 33px; height: auto;" data-block-id="ff7155c612bf4195a102a304be46981e">
        <div class="sl-block-content" data-placeholder-tag="h2" data-placeholder-text="Title Text" style="z-index: 11;">
          <h2>Embed ArcticViewer dataset</h2>
        </div>
      </div>

      <div class="sl-block" data-block-type="text" style="width: 560px; left: 400px; top: 264px; height: auto;" data-block-id="49ab8889f8a75d08b6e4f12036169a74">
        <div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" data-has-line-height="" style="line-height: 2.6; z-index: 12;">
          <ul>
            <li>This can help share your results</li>
            <li>Show you resulting visualization</li>
            <li>Rouse the audience</li>
          </ul>
        </div>
      </div>

      <div class="sl-block" data-block-type="image" data-block-id="75b47c43a9abb6c74ff3e4fff22850b1" style="min-width: 30px; min-height: 30px; width: 360px; height: 360px; left: 40px; top: 201px;">
        <div class="sl-block-content" style="z-index: 13;">
          <div
            class="pvw-viewport"
            data-type="pvw-arctic-viewer"
            data-root="assets/earth"
            style="width: 100%; height: 100%;"
          ></div>
        </div>
      </div>
    </section>

    <section>

      <div class="sl-block" data-block-type="text" style="width: 960px; left: 0px; top: 33px; height: auto;">
        <div class="sl-block-content" style="z-index: 11;">
          <h2>ArcticViewer with Magic Lens</h2>
        </div>
      </div>

      <div class="sl-block" data-block-type="text" style="width: 560px; left: 400px; top: 264px; height: auto;">
        <div class="sl-block-content" data-has-line-height="" style="line-height: 2.6; z-index: 12;">
          <ul>
            <li>Just provide configuration</li>
          </ul>
        </div>
      </div>

      <div class="sl-block" data-block-type="image" style="min-width: 30px; min-height: 30px; width: 360px; height: 360px; left: 40px; top: 201px;">
        <div class="sl-block-content" style="z-index: 13;">
          <div
            class="pvw-viewport"
            data-type="pvw-arctic-viewer"
            data-root="assets/head-ct"
            data-config='{ "MagicLens": true }'
            style="width: 100%; height: 100%;"
          ></div>
        </div>
      </div>
    </section>

    <section data-id="8c38b1c2ce2c50b3d57f9e150bb4a904">

      <div class="sl-block" data-block-type="text" style="width: 960px; left: 0px; top: 33px; height: auto;" data-block-id="c25e005f0e7c6584f5bca5de0ed2e873">
        <div class="sl-block-content" data-placeholder-tag="h2" data-placeholder-text="Title Text" style="z-index: 11;">
          <h2>Wondering how</h2>
        </div>
      </div>

      <div class="sl-block" data-block-type="code" data-block-id="744091bc6025b633f884d45855f727ee" style="min-width: 30px; min-height: 30px; width: 800px; height: 350px; left: 80px; top: 210px;">
        <div class="sl-block-content" style="z-index: 13;">
          <pre><code>$ npm install -g pvw-presenter

$ pvw-presenter

  Usage: pvw-presenter [options]

  Options:

    -h, --help                output usage information
    -V, --version             output the version number
    -h, --host [localhost]    Hostname to use for client to connect
    -p, --port [3000]         Start web server with given port
    -d, --slides [directory]  Directory that contains the slides
    -s, --server-only         Do not open the web browser

    --paraview [path]         Provide the ParaView root path to use

          </code></pre>
        </div>
      </div>
    </section>

    <section class="stack" data-id="50e6775ceedd59ab7cc6bc765e379255">

      <section data-id="c59c1e3d491e35e6a718bfb4d31b95b2">

        <div class="sl-block" data-block-type="text" style="width: 960px; left: 0px;  top: 33px; height: auto;" data-block-id="5798e124999c66d180c34690888dd6e7">
          <div class="sl-block-content" data-placeholder-tag="h2"   data-placeholder-text="Title Text" style="z-index: 11;">
            <h2>And for the slides?</h2>
          </div>
        </div>

        <div class="sl-block" data-block-type="code" style="width: 640px; height: 350px; left: 160px; top: 210px;" data-block-id="bbdbe56851bc7e2953418cdfb6a2a2d6">
          <div class="sl-block-content" style="z-index: 12;">
            <pre><code>&lt;div class="reveal"&gt;
  &lt;div class="slides"&gt;

    &lt;section&gt;
      &lt;h3&gt;ParaView state file&lt;/h3&gt;

      &lt;div
        class="pvw-viewport"
        data-type="pvw-state"
        data-root="data/volume.pvsm"
        style="width: 400px; height: 400px;"
      &gt;&lt;/div&gt;
    &lt;/section&gt;

  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
        </div>
      </div>

      <div class="sl-block" data-block-type="text" data-block-id="6b6c9f601ec8199d87711588a66afaeb" style="height: auto; min-width: 30px; min-height: 30px; width: 640px; left: 160px; top: 171px;">
        <div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
          <p style="text-align: left;">slides.html</p>
        </div>
      </div>
    </section>

    <section data-id="c849eacef1e9ab7eb3672be39740fb02">

      <div class="sl-block" data-block-type="text" style="width: 960px; left: 0px; top: 33px; height: auto;" data-block-id="944ab1c1ee9afb4ff4d8bf047629481b">
        <div class="sl-block-content" data-placeholder-tag="h2" data-placeholder-text="Title Text" style="z-index: 10;">
          <h2>And for the slides?</h2>
        </div>
      </div>

      <div class="sl-block" data-block-type="code" style="width: 640px; height: 350px; left: 160px; top: 210px;" data-block-id="0e46e2a14477435935cb3c73f4101e2d">
        <div class="sl-block-content" style="z-index: 11;"><pre><code>&lt;div class="reveal"&gt;
  &lt;div class="slides"&gt;

    &lt;section&gt;
      &lt;h3&gt;ArcticViewer dataset&lt;/h3&gt;

      &lt;div
        class="pvw-viewport"
        data-type="pvw-arctic-viewer"
        data-root="assets/earth"
        style="width: 100%; height: 400px;"
      &gt;&lt;/div&gt;
    &lt;/section&gt;

  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
        </div>
      </div>

    <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 640px; left: 160px; top: 171px;" data-block-id="2e1684fc2300284301e0fd88d1e86b4f">
      <div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
        <p style="text-align: left;">slides.html</p>
      </div>
    </div>
  </section>

  <section data-id="1836fe6aca35b89139c18dda10eb64ec">

    <div class="sl-block" data-block-type="text" style="width: 960px; left: 0px; top: 33px; height: auto;" data-block-id="688a169c3852dbb408c9635f9e57fc2b">
      <div class="sl-block-content" data-placeholder-tag="h2" data-placeholder-text="Title Text" style="z-index: 10;">
        <h2>And for the slides?</h2>
      </div>
    </div>

    <div class="sl-block" data-block-type="code" style="width: 640px; height: 350px; left: 160px; top: 210px;" data-block-id="da48adde14d3e606967bf79ca8398951">
      <div class="sl-block-content" style="z-index: 11;"><pre><code>&lt;div class="reveal"&gt;
  &lt;div class="slides"&gt;

    &lt;section&gt;
      &lt;h3&gt;CT Scan with Magic Lens&lt;/h3&gt;

      &lt;div
        class="pvw-viewport"
        data-type="pvw-arctic-viewer"
        data-root="assets/head-ct"
        data-config='{ "MagicLens": true }'
        style="width: 100%; height: 400px;"
      &gt;&lt;/div&gt;
    &lt;/section&gt;

  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

        </div>
      </div>

      <div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height:   30px; width: 640px; left: 160px; top: 171px;" data-block-id="  84cbe373534f989994354777d7475f11">
        <div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style=" z-index: 13;">
          <p style="text-align: left;">slides.html</p>
        </div>
      </div>
    </section>
  </section>

  <section data-id="a59082ec5695d39765106f572892eae9">

    <div class="sl-block" data-block-type="text" style="width: 800px; left: 80px; top: 270px; height: auto;" data-block-id="952bd2fc6dfc1e733fce5f64984f010d">
      <div class="sl-block-content" data-placeholder-tag="h1" data-placeholder-text="Title Text">
        <h1>That's it...</h1>
      </div>
    </div>

  </section>
</div>
</div>
